<template>
    <div>
        <div class="background_classify">
            <button @click="classifyActive = item.id" :class="{ 'classify_btn_active': classifyActive == item.id }"
                class="classify_btn" v-for="item in classifyList" :key="item.id">
                {{ item.name }}
            </button>
        </div>
    </div>
   <WallpaperItem :loading="loading" :column="5" :data="15"></WallpaperItem>

</template>

<script>
import WallpaperItem from '../components/parent_plant/WallpaperItem.vue';
export default {

    data() {
        return {
            loading:false,
            classifyActive: 1,
            classifyList: [
                {
                    name: '全部',
                    id: 1,
                }, {
                    name: '动漫',
                    id: 2
                }, {
                    name: '游戏',
                    id: 3
                }, {
                    name: '影视',
                    id: 4
                }, {
                    name: '现实',
                    id: 5
                }, {
                    name: '科幻',
                    id: 6
                }, {
                    name: '古风',
                    id: 7
                },{
                    name:'简约',
                    id:8
                }

            ]
        }
    }, components: {
        WallpaperItem
    },
}
</script>

<style lang="sass" scoped>

</style>